﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UQuestionnaireReportPage.aspx.cs" Inherits="IHISCETeim.Web.MachineSys.UserModel.UQuestionnaireReportPage" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, font, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td { padding:0; margin:0; font-size:12px; line-height:100%; font-family:Arial, sans-serif;}
        table{}
        .table{ border:1px solid #000; border-collapse:collapse;}
        .table th{ text-align:center; line-height:25px;border:1px solid #000;}
        .table td{ text-align:left; line-height:16px;border:1px solid #000;}
    </style>
    <script src="../js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../Highcharts/js/highcharts.js"></script>
    <script type="text/javascript" src="../Highcharts/js/themes/grid.js"></script>
   <script type="text/javascript">
        var chart;
        $(document).ready(function () {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    defaultSeriesType: 'column',
                    marginRight: 90,
                    marginBottom: 50
                },
                title: {
                    text: '<%=ReportTitle %>'
                },
                subtitle: {
                    text: '<%=ReportSubTitle %>'
                },
                xAxis: {
                    categories: <%=GetReport4JSCategories() %>,
                    title: {
                        text: '项目',
                        align: 'high'
                    }
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: '所占百分比'
                    }
                },
                tooltip: {
                    formatter: function () {
                        return ' ' + this.x + ': ' + this.y+'%' ;
                      
                    }
                },
                plotOptions: {
                    bar: {
                        dataLabels: {
                            enabled: true
                        }
                    }
                },
                legend: {
                    enabled:false                   
                },
                credits: {
                    enabled: false
                },
                exporting: {
                    enabled: false
                },
                series: <%=GetReport4JSSeries() %>
            });
        });

	</script>
</head>
<body>
    <form id="form1" runat="server">
   
    <table width="100%" style="width: 800px; height:400px;margin: 0 auto">
        <tr>
            <td>
                <div id="container" style="margin: 0 auto"></div>
            </td>
        </tr>
        <tr>
            <td valign="top" align="center" width="100%">
                <asp:repeater id="rpData" runat="server">
                    <HeaderTemplate>
                        <table class="table" Width="100%">
                        <thead>
                            <tr  >  
                                <th  align="center">
                                    项目
                                </th>
                                <th>数值</th>
                                <th >
                                    所占百分比
                                </th>
                               
                            </tr>
                        </thead>
                        <tbody>
                        </HeaderTemplate>
                        <ItemTemplate>
                            <tr  >			
				                <td><%# Eval("title")%></td>
				                <td><%# Convert.ToDecimal(Eval("titlenum")).ToString("f2")%></td>
				                <td><%# Convert.ToDecimal( Eval("num")).ToString("f2")%>%</td>
			                </tr>
                        </ItemTemplate>
                        <FooterTemplate>
                            </tbody>
                            </table>
                        </FooterTemplate>
                    </asp:repeater>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
